import { IRoutes } from '@todo/core';
import { lazy } from 'react';
import { authGuard } from '../../auth/authGuard.ts';
import DashboardRoundedIcon from '@mui/icons-material/DashboardRounded';

export const DASHBOARD_ROUTES = {
  DASHBOARD: 'dashboard',
};

export const routes: IRoutes = [
  {
    name: DASHBOARD_ROUTES.DASHBOARD,
    path: '/dashboard',
    title: "Let's interview!",
    auth: authGuard,
    menu: {
      text: 'dashboard:menu.dashboard',
      sortOrder: 1,
      icon: DashboardRoundedIcon,
      navigate: {
        path: 'dashboard',
      },
    },
    pageComponent: lazy(() => import('../view/DashboardPage.tsx')),
    onEnter: async (_router) => {},
    onExit: (_router, _container) => {},
  },
];
